article.guide
  .container-fluid
    .row
      .col-sm-2
        .box-max
          img.img-responsive(src='images/neo4j-world.png')
          p.lead.text-right {{ neo4j.edition | uppercase }} EDITION
          p.lead.text-right {{ neo4j.version }}
      .col-sm-10
        .teaser.teaser-3
          h3 Learn about Neo4j
          p.lead A graph epiphany awaits you.
          .icon-holder
            .icon.sl.sl-network.green.icon
            ul.topic-bullets
              li What is a graph database?
              li How can I query a graph?
              li What do people do with Neo4j?
            .clearfix
          button.btn.btn-cta(play-topic='concepts') Start Learning

        .teaser.teaser-3
          h3 Jump into code
          p.lead Use Cypher, the graph query language.
          .icon-holder
            .icon.sl.sl-window-code.yellow.icon
            ul.topic-bullets
              li Code walk-throughs
              li RDBMS to Graph
              li Query templates
            .clearfix
          button.btn.btn-cta(play-topic='write-code') Write Code

        .teaser.teaser-3
          h3 Monitor the system
          p.lead Key system health and status metrics.
          .icon-holder
            .icon.sl.sl-heart.red.icon
            ul.topic-bullets
              li Disk utilization
              li Cache activity
              li Cluster health and status
            .clearfix
          button.btn.btn-cta(play-topic='sysinfo') Monitor

    .hero-unit
      p(ng-class="{'motd-bang': motd.callToAction.bang}")
        a(href="{{ motd.callToAction.u}}") {{ motd.callToAction.d }}

    footer.tight
      p.text-muted Copyright &copy;
        a.no-icon(href='http://neo4j.com/')  Neo Technology
        | &nbsp;2002–
        span= new Date().getFullYear()
